<template>
    <div>
        <el-form label-position="left" label-width="100px" v-model="simpleLine">
            <el-form-item  label="宽度">
                <el-input-number v-model="simpleLine.lineStyle.width" :min="0" :max="20" size="mini"/>
            </el-form-item>
            <el-form-item  label="类型">
               <el-select v-model="simpleLine.lineStyle.type" placeholder="solid" size="mini">
                <el-option label="————————" value="solid"/>
                <el-option label="------------------------" value="dashed"/>
                <el-option label="························" value="dotted"/>
              </el-select>
            </el-form-item>
            <el-form-item label="平滑">
              <el-radio v-model="simpleLine.smooth" :label="true">开</el-radio>
              <el-radio v-model="simpleLine.smooth" :label="false">关</el-radio>
            </el-form-item>
            <el-divider content-position="center">区域样式</el-divider>
            <el-form-item  label="不透明度">
                <el-input-number v-model="simpleLine.areaStyle.opacity" :precision="2" :step="0.05" :min="0" :max="1" size="mini"/>
            </el-form-item>
        </el-form>
    </div>
</template>

<script>

export default {
  data: function () {
    return {
    }
  },
  methods: {
  },
  computed: {
    simpleLine () {
      return this.$store.state.layout[this.$store.state.activeArrayIndex].SlideContent[this.$store.state.insideActiveArrayIndex].itemContent.detail.simpleLine
    }
  },
  watch: {
  },
  components: {
  }
}
</script>

<style scoped>
    .el-form-item {
        margin-bottom: 0px
    }
</style>
